<html>
<head>
    {% include 'common/top.html' %}
    <style type="text/css">
        h3 {
        color:#1BA2E1
        }
        hr {
        #1BA2E1;
        }
    </style>
</head>
<body style="background:#D6D6D6">
{% include 'common/header.html' %}
{% include 'common/news_nav.html' %}
<div style="margin:30px 100px">
    <div class="col-md-12" style="background:white;margin-top:20px;">
        <div class="col-md-8" style="border-right:25px solid #D6D6D6;">
            <a href="news_collection?type=2"><h3>院内新闻</h3></a>
            <hr>
            <div id="news_slide" class="col-md-6">
                <div id="news" class="carousel slide">
                    <!-- 轮播（Carousel）指标 -->
                    <ol class="carousel-indicators">
                        <li data-target="#news" data-slide-to="0" class="active"></li>
                        <li data-target="#news" data-slide-to="1"></li>
                        <li data-target="#news" data-slide-to="2"></li>
                    </ol>
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner">
                        {% for news in news_2_list %}
                        {% if loop.index == 1 %}
                        <div class="item active ">
                            {% else %}
                            <div class="item">
                                {% endif %}
                                <a href={{news.url}}><img src={{news.cover}}></a>
                                <div class="description" align="center">{{news.title}}</div>
                            </div>
                            {% endfor %}
                        </div>
                        <!--轮播（Carousel）导航 -->
                        <a class="carousel-control left" href="#news"
                           data-slide="prev">
                        </a>
                        <a class="carousel-control right" href="#news"
                           data-slide="next">
                        </a>
                    </div>
                </div>
                <div class="col-md-6" style="background:white">
                    {% for news in news_2_list %}
                    <a href={{news.url}}><p style="border-bottom:1px dashed #D6D6D6;color:black">
                        {{news.title}}</p></a>
                    {% endfor %}
                </div>
                <a href="news_collection?type=2">更多新闻>>>></a>
            </div>
            <div class="col-md-4">
                <a href="news_collection?type=3"><h3>医院公告</h3></a>
                <hr>
                {% for news in news_3_list %}
                <div>
                    <div class="col-md-8"><a href={{news.url}}><p style="color:black">{{news.title}}</p></a></div>
                </div>
                {% endfor %}
                <div class="col-md-6">
                    <a href="news_collection?type=3">更多公告</a>
                </div>
            </div>
        </div>
        <div class="col-md-12" style="margin-top:20px;margin-bottom:20px;background:white">
            <a href="news_collection?type=1"><h3 align="center">重大新闻</h3></a>
            <hr>
            {% for news in news_1_list %}
            <div class="col-md-3">
                <a href={{news.url}}><img width="100%" height="200px" src={{news.cover}}></a>
                <p>{{news.title}}</p>
            </div>
            {% endfor %}
        </div>
    </div>
    {% include 'common/foot.html' %}
</div>
</body>

